<?php
global $query_string;
query_posts($query_string);
?>
<div class="cuerpo-consejos">

    <h2>Información útil / <a style="color: #59C5D1;">Consejos para diseñar</a></h2>

    <?php custom_obtener_menus("MenuConsejos", "menu-lat", "sub-menu-lateral"); ?>

    <div class="posts">
        <?php if (have_posts()): while (have_posts()) : the_post(); ?>
                <h3><?php the_title(); ?></h3>
                <p><?php the_content(); ?></p>
            <?php endwhile; ?>
        <?php else : ?>
            <h3></h3>
            <p>No hay consejos para mostrar</p>
        <?php endif; ?>

    </div>

    <div class="box-widget caja-producto">
        <?php
        $id_prod = obtener_id_productos();

        $custom = get_post_custom($id_prod[array_rand($id_prod, 1)]);
        $imagen = $custom["imagen-Cproducto"][0];
        $texto = $custom["texto-Cproducto"][0];

        // Obtenemos la imagen en su tamaño máximo. Podéis poner en su lugar
        // thumbnail, medium o large
        $image = wp_get_attachment_image_src($imagen, 'medium');
        // la primera parte de wp_get_attachment_image_src nos da su url.
        $image = $image[0];
        ?>
        <div class="titulo-caja"><a>Productos Bepoket Print</a></div>
        <div class="cuerpo-caja">
            <div class="imagen">
                <!--<img src="<?php //echo $image;                                                             ?>" alt="imagen-caja" width="246"/>-->
                <img src="<?php echo $image; ?>" alt="imagen-caja" />
            </div>
            <div class="texto-caja">
                <p><?php echo resumen($texto, 30); ?></p>
            </div>
            <a class="boton-ver" href="<?php bloginfo("url"); ?>/?cat=<?php echo get_cat_ID('blog') ?>">Ver</a>
        </div>
    </div>
    <div class="box-widget caja-tips-blog">
        <?php $query2 = new WP_Query("category_name=Blog&showposts=1"); ?>
        <div class="titulo-caja"><a>Conocé nuestro Blog</a></div>
        <div class="cuerpo-caja">
            <?php if ($query2->have_posts()) : $query2->the_post() ?>
                <div class="imagen">
                    <?php
                    if (get_the_post_thumbnail()) {
                        $image_id = get_post_thumbnail_id();
                        $image_attributes = wp_get_attachment_image_src($image_id, 'medium');
                        ?>
                        <img src="<?php echo $image_attributes[0]; ?>" width="100%">
                    <?php } else { ?>
                        <img src="<?php bloginfo('template_url') ?>/images/no-imagen.jpg" style="width: 100%;">
                    <?php } ?>
                </div>
                <div class="texto-caja">
                    <p><?php echo resumen(get_the_excerpt(), 30); ?></p>
                </div>
            <?php endif; ?>
            <?php wp_reset_postdata(); ?>
            <a href="<?php bloginfo("url"); ?>/?cat=<?php echo get_cat_ID('blog') ?>">Ir al blog...</a>
        </div>
    </div>

</div>